.pc-none {
    display: none;
}

@media (max-width: 768px) {
    .pc-none {
        display: block !important;
    }
}

    .sj-none {
        display: block;
    }

@media (max-width: 768px) {
    .sj-none {
        display: none;
    }
}

@media (max-width: 768px) {
    .sj-margin {
        margin: 0px;
        padding: 0px;
    }
}

@media (max-width: 768px) {
    .sj-margin-1 {
        margin: 0px;
        padding: 20px 0px 20px 0px;
    }
}

@media (max-width: 768px) {
    .sj-margin-2 {
        margin: 0px;
        padding: 50px 0px 20px 0px;
    }
}



@media (max-width: 768px) {
    .sj-margin-3 {
        margin: 0px;
        padding: 50px 0px 50px 0px;
    }
}





@media (max-width: 768px) {
    .sj-opacity {
        opacity:0.8;
    }
}


        #position-sj-footer {
            height:60px;
            background: #f6f6f6;
            padding-top: 0px;
            font-size:0;
            position: fixed;
            bottom: -17px;
            left: 0px;
            width: 100%;
            z-index: 98;
            overflow: hidden;
        }

            #position-sj-footer dd {
                width: 20%;
                font-size:0;
                text-align: center;
                float: left;
                
            }

                #position-sj-footer dd a {
                    color: #808080;
                    text-decoration: none;
                }

                #position-sj-footer dd a h6{
                    font-size: 10px; 
                    color:#000000;
                }











@media (max-width: 768px) {
        #position-sj-nav {
            position: relative;
            width: 100%;
            overflow: hidden;
            background: #ffffff;
            padding: 0px;
            margin-bottom:-5px;
      
        }

            #position-sj-nav dd {
                width: 33.33333333%;
                text-align: center;
                float: left;
            }  

            #position-sj-nav dd a img{
                padding-left:5px;
                padding-right:5px;
               
                
            }
            }



            
.margin-pc-sj{           
margin-top:-50px;}


      #position-sj-synopsis {
            height:60px;
            background: #000000;
            padding-top: 0px;
            font-size:0;
            position: fixed;
            bottom: -17px;
            left: 0px;
            width: 100%;
            z-index: 98;
            overflow: hidden;
        }

            #position-sj-synopsis dd {
                width: 50%;
                font-size:0;
                text-align: center;
                float: left;
               
                overflow: hidden;
               
            }

                #position-sj-synopsis dd a {
                    color: #808080;
                    text-decoration: none;
                }

                #position-sj-synopsis dd a h6{
                    font-size: 10px; 
                    color:#ffffff;
                }